<template>
	<vueMiniPlayer ref="vueMiniPlayer" :video="video" :mutex="true" @fullscreen="handleFullscreen" />
</template>

<script>
	export default {
		data() {
			return {
				video: {
					url: '',
					cover: 'http://1.192.217.27:2001/static/image/banner1@2x.png',
					muted: false,
					loop: false,
					preload: 'auto',
					poster: '',
					volume: 1,
					autoplay: false
				}
			}
		},

		methods:{
		      handleFullscreen(){
		
		      }
		    },
			computed:{
			      $video(){
			        return this.$refs.vueMiniPlayer.$video;
			      }
			    },
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			console.log(option.Value);
			 //打印出上个页面传递的参数。
			this.video.url=JSON.parse(decodeURIComponent(option.Value))
		}

	}
</script>

<style>
</style>
